<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<script>
			// arr.map(fn)  map映射
			// 1. 作用 ： 遍历arr, 返回（创建）一个新的数组
			//   这个新数组的元素，由原来的数组的元素 依次执行回调函数，得到的返回值组成
			// 2. 参数 map方法接收一个函数作为参数
			// fn  第一个参数 当前正在处理的数组的元素  item el
			// fn  第二个参数 正在处理的元素的索引号  index i

			// 3. 这个fn函数，一般我们需要写return

			// 4. 返回值： 由原数组的每个元素执行回调函数的结果组成的新数组
			const arr = [10, 20, 30]
			const res = arr.map(function (item) {
				console.log(item)
				// 此时回调函数是同步
				return item + 6
			})
			console.log(res)
		</script>
	</body>
</html>
